<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <#include "/include/head_common.html">
  <title>wolfking-jeesite-平台</title> 
  <meta name="decorator" content="blank" /> 
  <link rel="stylesheet" href="/jerichotab/css/jquery.jerichotab.css" /> 
  <script type="text/javascript" src="/jerichotab/js/jquery.jerichotab.js"></script> 
  <style type="text/css">
		#main {padding:0;margin:0;} #main .container-fluid{padding:0 4px 0 6px;}
		#header {margin:0 0 8px;position:static;} #header li {font-size:14px;_font-size:12px;}
		#header .brand {font-family:Helvetica, Georgia, Arial, sans-serif, 黑体;font-size:26px;padding-left:33px;}
		#footer {margin:8px 0 0 0;padding:3px 0 0 0;font-size:11px;text-align:center;border-top:2px solid #0663A2;}
		#footer, #footer a {color:#999;} #left{overflow-x:hidden;overflow-y:auto;} #left .collapse{position:static;}
		#userControl>li>a{/*color:#fff;*/text-shadow:none;} #userControl>li>a:hover, #user #userControl>li.open>a{background:transparent;}
	</style> 
  <script type="text/javascript">
		$(document).ready(function() {
			//  初始化页签
			$.fn.initJerichoTab({
                renderTo: '#right', uniqueId: 'jerichotab',
                contentCss: { 'height': $('#right').height() - tabTitleHeight },
                tabs: [], loadOnce: true, tabWidth: 110, titleHeight: tabTitleHeight
            });//
			// 绑定菜单单击事件
			$("#menu a.menu").click(function(){
				// 一级菜单焦点
				$("#menu li.menu").removeClass("active");
				$(this).parent().addClass("active");
				// 左侧区域隐藏
				if ($(this).attr("target") == "mainFrame"){
					$("#left,#openClose").hide();
					wSizeWidth();
					//  隐藏页签
					$(".jericho_tab").hide();
					$("#mainFrame").show();//
					return true;
				}
				// 左侧区域显示
				$("#left,#openClose").show();
				if(!$("#openClose").hasClass("close")){
					$("#openClose").click();
				}
				// 显示二级菜单
				var menuId = "#menu-" + $(this).attr("data-id");
				if ($(menuId).length > 0){
					$("#left .accordion").hide();
					$(menuId).show();
					// 初始化点击第一个二级菜单
					if (!$(menuId + " .accordion-body:first").hasClass('in')){
						$(menuId + " .accordion-heading:first a").click();
					}
					if (!$(menuId + " .accordion-body li:first ul:first").is(":visible")){
						$(menuId + " .accordion-body a:first i").click();
					}
					// 初始化点击第一个三级菜单
					$(menuId + " .accordion-body li:first li:first a:first i").click();
				}else{
					// 获取二级菜单数据
					$.get($(this).attr("data-href"), function(data){
						if (data.indexOf("id=\"loginForm\"") != -1){
							alert('未登录或登录超时。请重新登录，谢谢！');
							top.location = "/admin";
							return false;
						}
						$("#left .accordion").hide();
						$("#left").append(data);
						// 链接去掉虚框
						$(menuId + " a").bind("focus",function() {
							if(this.blur) {this.blur()};
						});
						// 二级标题
						$(menuId + " .accordion-heading a").click(function(){
							$(menuId + " .accordion-toggle i").removeClass('icon-chevron-down').addClass('icon-chevron-right');
							if(!$($(this).attr('data-href')).hasClass('in')){
								$(this).children("i").removeClass('icon-chevron-right').addClass('icon-chevron-down');
							}
						});
						// 二级内容
						$(menuId + " .accordion-body a").click(function(){
							$(menuId + " li").removeClass("active");
							$(menuId + " li i").removeClass("icon-white");
							$(this).parent().addClass("active");
							$(this).children("i").addClass("icon-white");
						});
						// 展现三级
						$(menuId + " .accordion-inner a").click(function(){
							var href = $(this).attr("data-href");
							if($(href).length > 0){
								$(href).toggle().parent().toggle();
								return false;
							}
							//  打开显示页签
							return addTab($(this)); // 
						});
						// 默认选中第一个菜单
						$(menuId + " .accordion-body a:first i").click();
						$(menuId + " .accordion-body li:first li:first a:first i").click();
					});
				}
				// 大小宽度调整
				wSizeWidth();
				return false;
			});
			// 初始化点击第一个一级菜单
			$("#menu a.menu:first span").click();
			//  下拉菜单以选项卡方式打开
			$("#userInfo .dropdown-menu a").mouseup(function(){
				return addTab($(this), true);
			});// 
			// 鼠标移动到边界自动弹出左侧菜单
			$("#openClose").mouseover(function(){
				if($(this).hasClass("open")){
					$(this).click();
				}
			});
		});
		//  添加一个页签
		function addTab($this, refresh){
			$(".jericho_tab").show();
			$("#mainFrame").hide();
			$.fn.jerichoTab.addTab({
                tabFirer: $this,
                title: $this.text(),
                closeable: true,
                data: {
                    dataType: 'iframe',
                    dataLink: $this.attr('href')
                }
            }).loadData(refresh);
			return false;
		}
	</script> 
 </head> 
 <body>
	<div id="main" style="width: auto;">
		<div id="header" class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="brand">
					<span id="productName">wolfking-jeesite-平台</span>
				</div>
				<ul id="userControl" class="nav pull-right">
					<li id="themeSwitch" class="dropdown"><a
						class="dropdown-toggle" data-toggle="dropdown" href="#"
						title="主题切换"><i class="icon-th-large"></i></a>
						<ul class="dropdown-menu">
							<li><a href="#"
								onclick="location='/theme/default?url='+location.href">默认主题</a></li>
							<li><a href="#"
								onclick="location='/theme/cerulean?url='+location.href">天蓝主题</a></li>
							<li><a href="#"
								onclick="location='/theme/readable?url='+location.href">橙色主题</a></li>
							<li><a href="#"
								onclick="location='/theme/united?url='+location.href">红色主题</a></li>
							<li><a href="#"
								onclick="location='/theme/flat?url='+location.href">Flat主题</a></li>
							<li><a
								href="javascript:cookie('tabmode','0');location=location.href">关闭页签模式</a></li>
						</ul> <!--[if lte IE 6]><script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->
					</li>
					<li id="userInfo" class="dropdown"><a class="dropdown-toggle"
						data-toggle="dropdown" href="#" title="个人信息">您好, 系统管理员&nbsp;<span
							id="notifyNum" class="label label-info hide"></span></a>
						<ul class="dropdown-menu">
							<li><a href="user/info" target="mainFrame"><i
									class="icon-user"></i>&nbsp; 个人信息</a></li>
							<li><a href="user/modifyPwd" target="mainFrame"><i
									class="icon-lock"></i>&nbsp; 修改密码</a></li>
						</ul></li>
					<li><a href="logout" title="退出登录">退出</a></li>
					<li>&nbsp;</li>
				</ul>
				<!-- 最上面的一级导航 -->
				<div class="nav-collapse">
					<ul id="menu" class="nav"
						style="*white-space: nowrap; float: none;">
						<li class="menu active"><a class="menu" href="javascript:"
							data-href="/admin/sys/menu/tree?parentId=27" data-id="27"><span>我的面板</span></a>
						</li>
						<li class="menu"><a class="menu" href="javascript:"
							data-href="/admin/sys/menu/tree?parentId=2" data-id="2"><span>系统设置</span></a>
						</li>
					</ul>
				</div>
				<!-- 最上面的一级导航结束 -->
			</div>
		</div>
		<div class="container-fluid">
			<div id="content" class="row-fluid">
				<div id="left" style="width: 160px; height: 401px;">
					<div class="accordion" id="menu-27">
						<!--第一个 二级菜单 -->
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle" data-toggle="collapse"
									data-parent="#menu-27" data-href="#collapse-28"
									href="#collapse-28" title=""> <i class="icon-chevron-down"></i>&nbsp;个人信息
								</a>
							</div>
							<div id="collapse-28" class="accordion-body collapse in">
								<div class="accordion-inner">
									<ul class="nav nav-list">
										<li class="active"><a data-href=".menu3-29"
											href="/admin/sys/user/info" target="mainFrame"
											jerichotabindex="0"> <i class="icon-user icon-white"></i>&nbsp;个人信息
										</a>
											<ul class="nav nav-list hide"
												style="margin: 0; padding-right: 0;"></ul></li>
										<li><a data-href=".menu3-30"
											href="https://www.baidu.com/" target="mainFrame"> <i
												class="icon-lock"></i>&nbsp;修改密码
										</a>
											<ul class="nav nav-list hide"
												style="margin: 0; padding-right: 0;"></ul></li>
									</ul>
								</div>
							</div>
						</div>
						<!--第二个 二级菜单 -->
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle" data-toggle="collapse"
									data-parent="#menu-27" data-href="#collapse-71"
									href="#collapse-71" title=""><i class="icon-chevron-right"></i>&nbsp;文件管理
								</a>
							</div>
							<div id="collapse-71" class="accordion-body collapse ">
								<div class="accordion-inner">
									<ul class="nav nav-list">
										<li><a data-href=".menu3-56"
											href="/admin/../static/ckfinder/ckfinder.html"
											target="mainFrame"> <i class="icon-folder-open"></i>&nbsp;文件管理
										</a>
											<ul class="nav nav-list hide"
												style="margin: 0; padding-right: 0;"></ul></li>
									</ul>
								</div>
							</div>
						</div>
						<!--二级菜单结束 -->
					</div>
				</div>
				<div id="openClose" class="close" style="height: 396px;">
					&nbsp;</div>
				<div id="right" style="height: 401px; width: 1402px;">
					<iframe id="mainFrame" name="mainFrame" src=""
						style="overflow: visible; height: 401px; display: none;"
						scrolling="yes" frameborder="no" width="100%" height="650"></iframe>
					<div id="jerichotab" class="jericho_tab">
						<div class="tab_pages">
							<div class="tabs" style="width: 1402px;">
								<ul style="width: 2656px; left: 0px;">
									<li name="&nbsp;个人信息"
										class="jericho_tabs tab_selected"
										style="width: 110px; opacity: 1; background-color: rgb(255, 255, 255);"
										id="jerichotab_0" datatype="iframe"
										datalink="/admin/sys/user/info">
										<div class="tab_left" style="width: 105px">
											<div class="tab_text"
												title="&nbsp;个人信息" style="width: 90px">
												&nbsp;个人信息 ...</div>
											<div class="tab_close">
												<a href="javascript:" title="关闭">&nbsp;</a>
											</div>
										</div>
										<div class="tab_right">&nbsp;</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="tab_content">
							<div id="jerichotab_contentholder" class="content"
								style="height: 365px;">
								<div class="righttag" style="display: none;">正在加载...</div>
								<div class="curholder" id="jerichotabholder_0">
									<iframe id="jerichotabiframe_0" name="jerichotabiframe_0"
										src="/admin/sys/user/info?tabPageId=jerichotabiframe_0"
										frameborder="0" scrolling="auto"
										style="width: 100%; height: 370px; border: 0px;"></iframe>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="footer" class="row-fluid">
				Copyright ? 2012-2030 wolfking-jeesite-平台 - Powered By <a
					href="http://jeesite.com" target="_blank">JeeSite</a>
				wolfking-jeesite-1.0
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var leftWidth = 160; // 左侧窗口大小
		var tabTitleHeight = 33; // 页签的高度
		var htmlObj = $("html"), mainObj = $("#main");
		var headerObj = $("#header"), footerObj = $("#footer");
		var frameObj = $("#left, #openClose, #right, #right iframe");
		function wSize(){
			var minHeight = 500, minWidth = 980;
			var strs = getWindowSize().toString().split(",");
			htmlObj.css({"overflow-x":strs[1] < minWidth ? "auto" : "hidden", "overflow-y":strs[0] < minHeight ? "auto" : "hidden"});
			mainObj.css("width",strs[1] < minWidth ? minWidth - 10 : "auto");
			frameObj.height((strs[0] < minHeight ? minHeight : strs[0]) - headerObj.height() - footerObj.height() - (strs[1] < minWidth ? 42 : 28));
			$("#openClose").height($("#openClose").height() - 5);// 
			$(".jericho_tab iframe").height($("#right").height() - tabTitleHeight); // 
			wSizeWidth();
		}
		function wSizeWidth(){
			if (!$("#openClose").is(":hidden")){
				var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
				$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
			}else{
				$("#right").width("100%");
			}
		}// 
		function openCloseClickCallBack(b){
			$.fn.jerichoTab.resize();
		} // 
	</script> 
  <script src="/common/wsize.min.js" type="text/javascript"></script> 
  <div id="jerichotabmenu" class="div_RightMenu" style="display: none;">
   <div>
    <ul class="ico">
     <li class="undefined" onclick="$('.tab_selected').loadData(true);">刷新当前</li>
     <li class="undefined" onclick="$('.tab_unselect .tab_close&gt;a').click();setTimeout('$.fn.jerichoTab.resize();setTimeout(\'$.fn.jerichoTab.resize();setTimeout(\\\'$.fn.jerichoTab.resize();\\\',1000);\',500);',500);">关闭其它</li>
    </ul>
   </div>
   <div></div>
  </div>
 </body>
</html>